/* AI功能页面主题变量 */

/* 亮色主题变量 */
.light-theme-vars() {
  /* 文本颜色 */
  --text-color: rgb(0 0 0 / 85%);
  --text-color-secondary: rgb(0 0 0 / 45%);

  /* 卡片背景 */
  --card-bg: #fff;
  --card-border: #f0f0f0;

  /* 消息样式 */
  --user-msg-bg: rgb(114 46 209 / 10%);
  --user-msg-border: rgb(114 46 209 / 20%);
  --ai-msg-bg: rgb(24 144 255 / 10%);
  --ai-msg-border: rgb(24 144 255 / 20%);

  /* 标签样式 */
  --username-color: #fff;
  --username-bg: rgb(114 46 209 / 80%);
  --model-tag-color: #034d14;
  --model-tag-bg: rgb(191 237 176 / 80%);
  --model-tag-border: rgb(135 208 104 / 80%);
  --timestamp-bg: rgb(0 0 0 / 10%);
  --timestamp-color: rgb(0 0 0 / 60%);

  /* 输入框 */
  --input-bg: #fff;
  --input-border: #d9d9d9;
  --input-text: rgb(0 0 0 / 85%);
  --input-container-bg: rgb(245 245 245 / 80%);

  /* 加载状态 */
  --loading-bg: rgb(245 245 245 / 80%);
  --loading-border: rgb(0 0 0 / 10%);

  /* 空状态 */
  --icon-color: rgb(0 0 0 / 25%);
}

/* 暗色主题变量 */
.dark-theme-vars() {
  /* 文本颜色 */
  --text-color: rgb(255 255 255 / 85%);
  --text-color-secondary: rgb(255 255 255 / 45%);

  /* 卡片背景 */
  --card-bg: #1f1f1f;
  --card-border: #303030;

  /* 消息样式 */
  --user-msg-bg: rgb(114 46 209 / 20%);
  --user-msg-border: rgb(114 46 209 / 30%);
  --ai-msg-bg: rgb(24 144 255 / 15%);
  --ai-msg-border: rgb(24 144 255 / 30%);

  /* 标签样式 */
  --username-color: #e9afff;
  --username-bg: rgb(114 46 209 / 25%);
  --model-tag-color: #d9f7be;
  --model-tag-bg: rgb(255 255 255 / 15%);
  --model-tag-border: rgb(255 255 255 / 30%);
  --timestamp-bg: rgb(0 0 0 / 20%);
  --timestamp-color: rgb(255 255 255 / 80%);

  /* 输入框 */
  --input-bg: rgb(0 0 0 / 20%);
  --input-border: rgb(255 255 255 / 10%);
  --input-text: #fff;
  --input-container-bg: rgb(0 0 0 / 20%);

  /* 加载状态 */
  --loading-bg: rgb(0 0 0 / 20%);
  --loading-border: rgb(255 255 255 / 10%);

  /* 空状态 */
  --icon-color: rgb(255 255 255 / 25%);
}

/* 应用主题变量 */
:root {
  .light-theme-vars();
}

/* 深色模式 */
html[data-theme='dark'],
.dark,
.dark-mode,
body.dark,
body.dark-theme,
html.dark {
  .dark-theme-vars();
}

/* 系统深色模式 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    .dark-theme-vars();
  }
}

/* AI模块主题变量 */

/* 亮色主题变量 */
@light-bg-color: #ffffff;
@light-text-color: #333333;
@light-secondary-text: #666666;
@light-border-color: #e8e8e8;
@light-secondary-bg: #f5f5f5;
@light-hover-bg: #e6f7ff;
@light-primary-color: #1890ff;
@light-success-color: #52c41a;
@light-warning-color: #faad14;
@light-error-color: #f5222d;
@light-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

/* 暗色主题变量 */
@dark-bg-color: #141414;
@dark-text-color: #f0f0f0;
@dark-secondary-text: #a0a0a0;
@dark-border-color: #303030;
@dark-secondary-bg: #1f1f1f;
@dark-hover-bg: #153450;
@dark-primary-color: #177ddc;
@dark-success-color: #49aa19;
@dark-warning-color: #d89614;
@dark-error-color: #d32029;
@dark-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);

/* 通用变量 */
@border-radius-base: 4px;
@border-radius-sm: 2px;
@border-radius-lg: 8px;

@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
  'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

@animation-duration-base: 0.3s;
@animation-duration-slow: 0.5s;
@animation-duration-fast: 0.2s;

/* 响应式断点 */
@screen-xs: 576px;
@screen-sm: 768px;
@screen-md: 992px;
@screen-lg: 1200px;
@screen-xl: 1600px;
